<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scale=no">
<title>start</title>
<link href="../bootstrap/css/bootstrap.min.css" rel="stylesheet" >
<link href="../css/zzsc.css" rel="stylesheet">
<link href="../css/yehuan_scrollbar_hidden.css" rel="stylesheet">
<link href="../css/global.css" rel="stylesheet">

</head>
<body >
       	<#list products as product>
        <div  class="product_show">
           	<div class="item">
           		<img src="${product.img}" class="product_img" data-toggle="modal" data-target="#mymodal">               	
                	<div class="plus" onClick="plus('${product.code}',${product.price})">
                		<div class="plus_item"><img src="/images/plus.png" ></div>
                	</div>
                	<div class="sub" onClick="sub('${product.code}',${product.price})">
                		<div class="plus_item"><img src="/images/plus.png" ></div>
                	</div>
                </div>
               	<p><strong>${product.name}</strong></p>
                <p><span class="price">${product.price}</span><small>/${product.spec}</small></p> 
               
            </div>
          	</#list>

 
<script type="text/javascript" src="../js/jquery-1.9.1.js"></script>
<script type="text/javascript" src="../bootstrap331/js/bootstrap.min.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		resize();
		
        function resize(){
			$(".plus").height($("img").height()/2-1);
			$(".plus").width($("img").width()/4);
			$(".sub").height($("img").height()/2-1);
			$(".sub").width($("img").width()/4);
			$("#catalogue").height($(window).height()-40);
			$("#content").height($(window).height()-40);
			$(".plus_item").css("margin-top",($(".plus").height()-$(".plus_item").height())/2);
		};
	});
	
</script>
</body>
</html>
